.p3 {
  &.swiper-slide-active {
    .man {
      -webkit-animation: w 1.5s;
      -webkit-animation-delay: 1.5s;
      -webkit-animation-timing-function: ease-out;
      -webkit-animation-fill-mode: backwards;
    }
    .box {
      -webkit-animation: box 0.5s;
      -webkit-animation-delay: 2.5s;
      -webkit-animation-timing-function: ease-in;
      -webkit-animation-fill-mode: backwards;
    }
    .w-right {
      -webkit-animation: zoomIn 2s;
      -webkit-animation-delay: 3s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-fill-mode: backwards;
    }
    .w-left {
      -webkit-animation: w 1s;
      -webkit-animation-delay: 5s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-fill-mode: backwards;
    }
  }
  .man {
    position: absolute;
    width: 640px;
    height: 469px;
    left: 50%;
    margin-left: -320px;
    bottom: 0;
    background: url("../img/slide/p3/man@640x469.png") no-repeat 0 0;
    z-index: 13;
  }
  .box {
    position: absolute;
    width: 279px;
    height: 653px;
    left: 50%;
    margin-left: -130px;
    bottom: 50%;
    margin-bottom: -275px;
    background: url("../img/slide/p3/box@279x653.png") no-repeat 0 0;
    z-index: 11;
  }
  .w-right {
    position: absolute;
    width: 127px;
    height: 429px;
    left: 50%;
    margin-left: -10px;
    bottom: 50%;
    margin-bottom: -35px;
    background: url("../img/slide/p3/w_right@127x429.png") no-repeat 0 0;
    z-index: 12;
  }
  .w-left {
    position: absolute;
    width: 26px;
    height: 480px;
    left: 50%;
    margin-left: -78px;
    bottom: 50%;
    margin-bottom: -158px;
    background: url("../img/slide/p3/w_left@26x480.png") no-repeat 0 0;
    z-index: 12;
  }
}